@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#666;}
a:hover{ color:#000}
body{font-size:14px; color:#000;font-family:"Microsoft YaHei","微软雅黑"}
h1,h2,h3{ font-weight:normal}
dl,dd,dt{height:auto; overflow:hidden}

body{ margin-top:80px}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfix{zoom:1}

.wrap{margin:0 90px;}
.wrap2{ max-width:1600px; margin:0 auto;}

.fullbox{display: -webkit-flex;-webkit-align-items: stretch;-webkit-flex-wrap: wrap;display: flex;align-items: stretch;flex-wrap: wrap;}

.mg90{ margin-top:90px;}
.mg60{ margin-top:60px;}
.mg40{ margin-top:40px;}
.mg30{ margin-top:30px;}

.header{margin:0 auto;height:80px;  width:100%;background:#3b3b3c;position:fixed; left:0; top:0; width:100%; z-index:999;}
.logo{ float:left;width:400px; margin-top:8px; height:100%;}
.logo img{ height:64px;}

#nav{ float:right; margin-right:-25px;}
#nav li{ float:right;font-size:18px;height:80px; line-height:80px; margin:0 25px;}
#nav li a{display:block; color:#fff;}
#nav li a span{line-height: 1;position: relative;display: inline-block;overflow: hidden;padding: 4px 2px 8px 2px;vertical-align: middle;}
#nav li a span:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;content: '';transition: opacity .4s;transition: all .12s ease-out;-webkit-transform: translateX(-110%);transform: translateX(-110%);background-color: rgb(255, 221, 1);}
#nav li.on a span:after{-webkit-transform: translateX(0);transform: translateX(0);}

#nav li ul li a:hover{ color:#76bdfd;}
#nav li.on li a{ border:0}


.nav-toggle {
	display: none;
	right:0;
	top:20px;
	width: 60px;
	height: 60px;
	z-index: 2;
	position: absolute;
	cursor: pointer;
}
.nav-toggle .icon {
	width: 30px;
	height: 4px;
	background-color:  #fff;
	border-radius: 2px;
	position: absolute;
	top: 20px;
	left: 15px;
}
.nav-toggle .icon:before, .nav-toggle .icon:after {
	width: 30px;
	height: 4px;
	background-color:  #fff;
	border-radius: 2px;
	content: "";
	position: absolute;
	left: 0;
}
.nav-toggle .icon:before{top:-9px;}
.nav-toggle .icon:after {top: 9px;}
	
.footer{ background:#3b3b3c;color:rgba(255,255,255,0.9); margin-top:60px;}
.footer a{color:rgba(255,255,255,0.9);}
.ft-top{ padding:50px 0;}
.fcopy{ padding:10px 0; background:#111; color:#555;}
.fcopy a{color:#555;}
.ft-l{ float:left; width:40%; font-size:16px;}
.ft-l h4{ font-size:24px; padding-bottom:10px; margin-bottom:20px; font-weight:normal; border-bottom:1px solid #ddd;}
.ft-l dt{ float:left; width:50%; }
.ft-l dt a{display:block; margin-bottom:20px;}
.ft-l dd{width:50%; line-height:2;}
.ft-l dd p span{ color:#ffdd00;}
.ft-r{ float:right;}
.ft-r img{ display:inline-block; vertical-align: middle; margin-right:10px;}

.mob-nav-menu{position:fixed;z-index: 9999;width: 100%;background: rgba(17, 17, 17, 0.9);  top:80px;font-size: 12px; display:none;}
.mob-nav-menu ul{margin-left: 0;list-style: none;}
.mob-nav-menu li{padding-bottom: 0;position: relative;}
.mob-nav-menu ul li a{display: block;padding: 15px 3%;border-bottom: 1px solid rgba(255, 255, 255, 0.07);color: #ffffff;}
.mob-nav-menu ul ul{background-color: rgba(255, 255, 255, 0.11);display: none;}
.mob-nav-menu ul ul li{padding-left: 2%;}
.mob-nav-arrow{position: absolute;top: 0px;right: 0px;width: 50px;height: 50px;border-left: 1px dotted rgba(255, 255, 255, 0.11);color: #ffffff;text-align: center;font-size: 20px;line-height: 30px;cursor: pointer;}
.mob-nav-arrow span{display: block; background:url(../Images/i5.png) no-repeat center; width:100%; height:100%}

.wrap3{ max-width:1600px; margin:0 auto;}

@media only screen and (max-width: 960px) {
	.logo{ width:40%}
	.logo img{ max-width:100%;}
	.wrap,.wrap2,.wrap3{ margin:0 10px;}
	#nav{ display:none}
	.nav-toggle{ display:block;}
	
}
@media only screen and (max-width: 720px) {
	.logo{ width:240px; margin-top:13px;}
	.logo img{ height:54px;}
	.mg90{ margin-top:40px;}
	.mg60{ margin-top:30px;}
	.mg40{ margin-top:20px;}
	.mg30{ margin-top:15px;}
	.ft-l{ width:100%;}
	.ft-l h4{ font-size:20px;}
}